<!DOCTYPE>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link href="/css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>

    <div id="pageContain">
        <div class="page page1 current">
            <div class="contain">
                <!--< # include "./includes/index.html">-->
                <a href="/index/login" class="txt">登陆</a>
                <a href="/index/login" class="txt">注册</a>

            </div>
        </div>

        <div class="page page2">
            <div class="contain">
                <!--<p class="txt">第二屏</p>-->
            </div>
        </div>

        <div class="page page3">
            <div class="contain">
                <!--<p class="txt">第三屏</p>-->
            </div>
        </div>

        <div class="page page4">
            <div class="contain">
                <!--<p class="txt">第四屏</p>-->
            </div>
        </div>

        <div class="page page5">
            <div class="contain">
               <!-- <p class="txt">第五屏</p>-->
            </div>
        </div>
    </div>

    <ul id="navBar">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>

    <script src="http://cdn.dowebok.com/143/js/fullPage.min.js"></script>
<script>

    var runPage, interval, autoPlay;

    autoPlay = function(to) {
        clearTimeout(interval);
        interval = setTimeout(function() {
            runPage.go(to);
        }, 3000);
    }

    runPage = new FullPage({
        id: 'pageContain',
        slideTime: 800,
        effect: {
            transform: {
                translate: 'X',
                scale: [0, 1],
                rotate: [270, 0]
            },
            opacity: [0, 1]
        },
        mode: 'wheel, touch, nav:navBar',
        easing: 'ease',
        callback: function(index, thisPage){
            index = index + 1 > 3 ? 0 : index + 1;
            autoPlay(index);
        }
    });

    interval = setTimeout(function() {
        runPage.go(runPage.thisPage() + 1);
    }, 3000);


</script>

</body>
</html>